@charset "utf-8";
/* CSS Document */
*
{
margin: 0 auto;
padding: 0 auto;
}
body{
	background:#EEF2FB;
	font-family:"Tahoma";
	font-size: 14px;
	color: #666;
	margin: 0;
	padding: 0;		
}
a{
	text-decoration:none;
	color: #666;
}
.wrapper{
	position:relative;
	width:1210px;
	margin:auto;
}

.modun-left{
	width:238px;
	float:left;
	height:1500px;
	border-right:1px solid #C2D1DF;
	border-left:1px solid #C2D1DF;
}

.modun-right{
	width:960px;
	height:1000px;
	float:left;
}

.control-bar{
	background:#F5F5F5;
	width:959px;
	height:40px;
	border-right:1px solid #C2D1DF;
	border-bottom:1px solid #C2D1DF;
}
.clear
{
    clear:both;
}

#systemBtn
{
    margin-top:5px;
    margin-right:7px;
	float:right;
	cursor:pointer;
}
.container{
	width:100%;
}

.slider{
	width:959px;
	background:#F8F8F8;
	border-right:1px solid #C2D1DF;
	border-bottom:1px solid #C2D1DF;
}

.album-list{
	width:100%;
	height:400px;
	
}

.album{
	background:#ffffff;
	width:239px;
	height:200px;
	float:left;
	border-right:1px solid #C2D1DF;
	border-bottom:1px solid #C2D1DF;	
}

.album:hover{
	background:#F1F1F1;
}

.border{
	padding:10px;
	width:939px;
	display:table;
	background:#ffffff;
}

.gray{
	padding:10px;
	border-top:1px solid #F6F6F6;
	border-left:1px solid #F6F6F6;
}

.white{
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
}

.album-image{
	background:#FFF;
	width:215px;
	height:140px;
	border:1px solid #E0E0E0;	
	position:relative;
}

.album-image img{
	width:215px;
	height:140px;
}
	
.album-info{
	width:100%;
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;	
}

.menu-bar{
		background:#F5F5F5;
	position:fixed;
	width:237px;
	height:1500px;
	border-left:1px solid #ffffff;
}

.logo{
	width:100%;
	height:50px;	
}

.logo img{
	margin-top:5px;
	margin-left:5px;	
}

.search-box{
	margin-left:10px;
	margin-top:10px;
	width:215px;	
	height:30px;
	background:#ffffff;
	border-radius:3px 3px 3px 3px;
	border:1px solid #C2D1DF;
	-moz-box-shadow: inset 0 0 5px #c2d1df;
    -webkit-box-shadow: inset 0 0 5px#c2d1df;
    box-shadow: inner 0 0 5px #c2d1df;
	
}

#search-input{
	border:none;
	width:165px;
	height:20px;
	margin-top:4px;
	margin-left:4px;	
	padding-left:5px;
	padding-right:5px;
	border-radius:3px 3px 3px 3px;
	font-size:14px;
	color:#555998;
	font-weight:bold;
}

#search-button{
	border:none;
	margin:0;	
	padding:0;
	cursor:pointer;
	float:right;
	margin-right:5px;
	margin-top:3px;
}

ul{
	list-style:none;
	margin:20px;
	padding:0;
}

.line{
		border-top:1px solid #C2D1DF;
		border-bottom:1px solid #ffffff;
		width:90%;
		margin-left:5%;
		margin-top:5px;
		margin-bottom:5px;
}
.info
{
    width:100%;
    font-size:12px;  
}

.info h2
{
    
}
.info a
{
    color:#999;    
}
.info span
{
    color:#999;    
}

.views
{
    margin-top:5px;
    display:table;
    width:100%;  
}

.black
{
    background:#000;    
}

.prev{
	width:78px;
    position:absolute;
	cursor:pointer;
	display:block;
	top:40%;
}

.images
{
    background:url(../images/loading.gif) no-repeat center center; 
	width:100%;
	min-height:300px;
	text-align:center;
	position:relative;
}
.images img
{
    max-width:90%;
}

.next{
	width:78px;
    position:absolute;
    right:0;
	cursor:pointer;
	display:block;
	top:40%;
}

.comment
{
    margin-top:10px;
	width:100%;
	clear:both;
}

.page
{
    width:100%;
    font-size:12px;
    line-height:20px;
    background:#F5F5F5;
}

.page a
{
  color:#555998;
}
    
    .page a:hover
{
    text-decoration:underline;
    color:Orange;
}
#page
{
    color:#000;
    top:10px;
    width:78px;
    position:absolute;
    right:0;
	display:block;
	background:#ffffff;
	opacity:0.5;
}
/*sssssssssssssssssssssssssssssssssssssssssssss*/

.block
{
    background:#F5F5F5;
    border:1px solid #C2D1DF;
    border-radius:5px 5px 5px 5px;
    -moz-box-shadow: 0 0 10px #888;
-webkit-box-shadow: 0 0 10px#888;
box-shadow: 0 0 10px #888;  
      
}

.signup
{
    width:90%;
    margin:auto;
    margin-top:10px;   
    font-size:14px;
}

.signup td
{
    padding:3px;
    text-align:left;  
}

.signup .input
{
    width:90%;
    height:25px;
    line-height:25px;
    border:1px solid #c2d1df;
    border-radius:3px 3px 3px 3px;
    font-weight:bold;
    color:#555998;
    padding-left:10px;
    font-family:"Segoe UI";
    font-size:13px;
    -moz-box-shadow: inset 0 0 5px #c2d1df;
    -webkit-box-shadow: inset 0 0 5px#c2d1df;
    box-shadow: inner 0 0 5px #c2d1df;
}

.signup span
{
   font-size:12px;
}

.signup b
{
    font-size:12px;
}

span.error
{
   font-size:11px;
   font-weight:normal;
}

#control-menu
{ 
   float: right;
   margin-right:5px;
   margin-top:5px;
}

#control-menu ul
{
    display:table;
    margin:0;
    padding:0;
}
#control-menu ul li
{
    display:block;
    float:left;
    margin-left:10px;
    padding-right:5px;
    cursor:pointer;
}

ul li a:hover
{
    color:#1C7EE9;    
}
ul li:hover
{
    color:#1C7EE9; 
}
#systemBtn img:hover
{
    width:200px;
    background:#ffffff;    
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-weight:bold;
	padding:4px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	cursor:pointer;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
	background-color:#80b5ea;
}.button:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
.cancel-btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #fab3ad;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fab3ad;
	box-shadow:inset 0px 1px 0px 0px #fab3ad;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fa665a), color-stop(1, #d34639) );
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color:#fa665a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-weight:bold;
	padding:4px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #98231a;
	cursor:pointer;
}.cancel-btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d34639), color-stop(1, #fa665a) );
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background-color:#d34639;
}.cancel-btn:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
